/*
    Create by Andy Odle
    Nov 06,2009
*/
  
/* Start everything at a known State*/
*
{    
 	margin: 0px;    
	padding: 0px;

    border-width:0px;
    border-style:none;
    border-color:#000000; /* Black */       
}

/* Default Settings */
body
{ 
    width:785px;
    
    margin-right:auto;
    margin-left:auto;
    margin-top:0px;
    margin-bottom:0px;
    
    padding:0px;
    padding-top:10px;
    
    font-family:Arial;
    
    min-width:728px;
    
    text-align: center;
    
    background-color:#323232;
}

#pagecontent
{ 
    width:100%;

    background-color:#48b548; /* Green */
    background-position:top center;    
    
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    margin-bottom:10px;
    
    text-align: left;
}

hr
{
    border-width:1px;
    border-style:solid;
    border-color:#F0F0F0; /* White */
}

h1
{   
    width:100%;
    
    margin-left:auto;
    margin-right:auto;
    
    display:inline-block;
    
    text-align:center;    
}

h2
{
    padding-bottom:5px;
}

/* The List item property */
li
{   
    margin-bottom:10px;

    border-width:5px; 
    border-style:ridge;
    
    padding-top:2px;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:2px;
    
    width:100px;
    
    left:100px;
    top:200px;
    
    vertical-align: middle;
    
    background-color:#C8E6C0; /* Avacado Green */
    
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}

ul
{  
    padding-top:5px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:5px;
    
      
    
    list-style-type: none;
}

/* Defaut page items */
p
{
    padding-top:10px;
    padding-bottom:10px;
	padding-left:10px;
}

/* horzantal bar that devides the top fomr the main content */
.topspliter
{
    

    margin-left:0px;
    
    top:175px;
    width:728px;
}

/* Images for tutorials. */
.largeimage
{
    width:600px;
    height:500px;
}

.small image
{
    width:500px;
    width:300px;
}

/* Error Content of the webpage. */
.error
{
    color:#FF0000; /* Red */
}

/* Top of the page Banner */
.heading
{
    width:785px;
    height:90px;
    
    display:inline-block;
    
    
    
    margin-left:-2px;
    margin-right:-2px;
    margin-top:-4px;
    margin-bottom:7px;
}

.topheader
{
    margin-bottom: 10px;
    margin-top: 10px;    
}

/* Look of the navagation at the top of the page. */
.topnavagation
{ 
    width:100%;
    
    display:inline-block;
      
    margin-left:auto;
    margin-right:auto;
    
    padding-top:5px;
    padding-bottom:5px;  
    padding-left:0px;
    padding-right:0px;
    
    text-align:center; 
    
    background-color:#000000; /* Black */
}

#topnavagation
{
    padding-left:25px;
    padding-right:25px;    
}

    .topnavagation a:link, .topnavagation a:visited, 
    .topnavagation a:link .trademark, .topnavagation a:visited .trademark
    {
        color:#6478ff; /* Light Blue */
        text-decoration:none;
    }
    
    .topnavagation a:hover   
    {
        color:#000000; /* Black */
        background-color:#fcff41; /* Yellow */
    }
    
    .topnavagation a:hover .trademark
    {
        color:#000000; /* Black */
        background-color:#fcff41; /* Yellow */        
    }

.topnavactive    
{
    color:#000000;
    background-color:#fcff41;
}

/* Look of the navagation at the left of the page. */
.leftnavagation
{
    text-align:center;
    
    padding-top:0px;
    padding-bottom:0px;
    padding-left:5px;
    padding-right:5px;
    
    margin:0px;
    
    display:inline-block;
}

/* Main Content of the webpage. */
.content
{  
    width:610px;
    
    padding-left:5px;
    
    display:inline-block;
      
    vertical-align:top;   
    
    text-align:left;
}

/* 
    Main Content of the webpage 
    with no left navagatoin. 
*/
.fullPageContent
{
    width:700px;
    
    margin-left:auto;
    margin-right:auto;

    padding-bottom:10px;
}

/* Data Grid Style*/
.grid_Header
{
    width:150px;
    height:30px;
    
    padding-left:3px;
    
    border-left-width:2px; 
    border-bottom-width:2px;
    border-bottom-style:solid;
    border-left-style:inset;

    text-align:left;
    
    font-weight:bold;
    
    font-size:18px;
    
    background-image:url(./images/Admin/GridCell.JPG);
}

.gridRow0
{
    width:150px;
    height:30px;
    
    text-align:center;
    
    background-color:#C8E6C0; /* Avacado */
}

.gridRow1
{
    width:150px;
    height:30px;
    
    text-align:center;
    
    background-color:#9AB892; /* Dark Green */
}

.editButton
{
    padding-left:5px;
    padding-right:5px;
    padding-top:1px;
    padding-bottom:1ppx;
}

.gridMainBody
{
    overflow:auto;
    
    width:725px;
    height:450px;
    
    border-width:2px; 
    border-style:inset;
    
    border-color:#000000; /* Black */
}

.dataGridCol 
{
    width:200px;
    
    overflow:hidden;.mileStonesWrapper
{
    display:inline-block;
}
    
    margin:0px;
    
    border-style:outset;
    
    font-weight:bold;
    
    background-image:url(./images/Admin/GridCell.JPG);
}

.dataGridItem1
{
    width: 702px;
    
    margin:0px;
    
    overflow:hidden;
}

/* News article title and article */
.newsarticleheader
{
    margin-left:130px;
    display:inline-block;
}

.newsArticleTitleBackground
{
    background-image:url('./images/Articles/ArticleTitleBackground_Small.png');
    background-repeat: no-repeat;
    
    width:650px;
    height:66px;
    
    display:block;
    
    vertical-align:middle;
}

.lockedNewsArticleTitleBackground
{
    background-image:url('./images/Articles/LockedArticleTitleBackground_Small.png');
    background-repeat: no-repeat;
    
    width:650px;
    height:66px;
    
    display:block;
    
    vertical-align:middle;    
}

.newsArticleTitle
{
    margin-left:225px;
    
    font-size:118%;
}

.authorNews
{
    margin-top:0px;
    
    padding-left:15px; 
    padding-top:10px; 
    
    font-size:75%;
    
    display:block;
}

.newsArticleBackground
{
    margin-left:0px;
    margin-right:10px;
    
    width:687px;
    height:235px;
        
    background-image:url('./images/Articles/ArticleBackground_Small.png');
    background-repeat: no-repeat; 
}

.newsArticle 
{
    width: 640px;

    margin-left: 10px;
    margin-top: 0;

    text-indent: 25px;

    display: inline-block;
  
}

.newsMainBody
{
    overflow:auto;
    
    width:725px;
    height:500px;
    
    border-color:#000000; /* Black */
}

.leftLockedArticle
{
    background-image:url('./images/Buttons/ForumLock.png');
    
    width:16px;
    height:16px;
    
    top:-90px;
    bottom:1px;
    left:144px;
    right:3px;
    
    display:block;
    
    position:relative;
}

.rightLockedArticle
{
    background-image:url('./images/Buttons/ForumLock.png');
    
    width:16px;
    height:16px;
    
    top:0px;
    bottom:1px;
    left:280px;
    right:3px;
    
    display:block;
    
    position:relative;
}

/* Article Styles */
.articlewrapper
{
    width:700px;
    display:block;
}

.articleTop 
{

    height: 80px;
    width: 100%;
    
    margin-left:auto;
    margin-right:auto;

    background-image: url("./images/Articles/Article-Top.png");

    background-repeat: no-repeat;
    
    display:inline-block;
}

.articleTitleBackground
{
    width:100%;
    height:66px;
    
    margin-left:10px;
    margin-right:10px;

    margin-top:15px;
    
    background-image:url('./images/Articles/ArticleTitleBackground_Small.png');
    background-repeat: no-repeat;
    
    display:inline-block;
}

.articleLeft
{  
    margin-top:-20px;    
    margin-left:5px;
     
    width:17px;
    height:654px; 

    background-image:url('./images/Articles/Article-Left.png');   
    background-position:left;
    background-repeat:repeat-y;
    
    position:relative;
}

.articleRight
{
    position-top:0px;
    position-right:0px;
    position-left:0px;
    position-bottom:0px;
    
    width:673px;
    height:745px;    

    background-image:url('./images/Articles/Article-Right.png');
    background-position:right;
    background-repeat:repeat-y;
    
    position:relative;
}

.articleBodyBackground
{
    width:100%;
    
    margin-left:auto;
    margin-right:auto;
    
    background-image:url('./images/Articles/ArticleMiddleBackground.png');
    background-repeat:repeat-y;
    
    display:block;
}

.articleMainBody 
{
    width: 634px;

    margin-left: 20px;

    background-color: #C8E6C0;

    z-index: 999;

    display: block;  
}

.articleBottom 
{
    width: 100%;
    height: 48px;

    background-image: url("./images/Articles/Article-Bottom.png");
    background-repeat: no-repeat;

    display: inline-block;    
}

p:articleMainBody
{
    text-indent:40px;
}

/* Milestones List Start */
.mileStonesWrapper
{
    display:inline-block;
}

.mileStones
{
    width:350px;
    
    margin-left:40px;
    margin-right:15px;
    
    border-style:outset;
    
    display:inline-block;    
    
    background-color:#C8E6C0; /* Light Green */ 
    
    -moz-border-radius:10px 10px 10px 10px;
    border-radius:10px 10px 10px 10px;
}

.rootGoal
{
    width:300px;
    
    padding-bottom:10px;
    padding-top:5px;
    
    display:inline-block;
}

.subGoal
{
    width:300px;

    padding-bottom:5px;
    padding-left:30px;
    
    display:inline-block;
}

.mileStonesLegendBox
{
    width:325px;
    height:140px;
    
    margin-left:15px;
    margin-right:30px;
    
    vertical-align:top;
    
    display:inline-block;
        
    border-style:outset;
    
    background-color:#C8E6C0; /* Light Green */ 
    
    -moz-border-radius:10px 10px 10px 10px;
    border-radius:10px 10px 10px 10px;    
}

.mileStonesLegendItem
{
    padding-bottom:10px;
    padding-left:30px;
}

/* Milestones List End */

/* Social Network Links Start */
.sociallinks
{
    display: inline-block;
}

/* Like button Facebook */

.fblikebutton
{
    margin-left:135px;
    margin-right:0px;
    
    dispaly:inline;
}

.faceBookButton
{
    width:32px;
    height:32px;
    
    margin-left:46px;
    
    /*display:inline-block;*/
    
    dispaly:none;
    
    background-image:url('./images/Buttons/FacebookButton.png');
}

.rssButton
{
    width:32px;
    height:32px;
    
    margin-left:15px;
    
    display:inline-block;
    
    background-image:url('./images/Buttons/RSSButton.png');
}

.googleButton
{

    width:32px;
    height:32px;
    
    margin-left:20px;
    
    display:inline-block;
}

.fb_share_count_inner
{
    display:none;
}

/* Social Network Links Stop */

/* Look of the navagation at the bottom of the page. */
.botomnavagation
{
    height:25px
    
    font-size:85%;
    
    text-align:center;
}

/* The verry last content dispayed at the bottom of the page. */
.footer
{
    height:0px;
    
    margin-bottom:20px;
    
    font-size:85%;
    
    text-align:right;
}

/* Scrollable Gallery */
.leftarrow
{
    width:64px;
    height:64px;
    
    float:left;
    
    background-image:url('./images/Buttons/LeftArrow.png');
}

.rightarrow
{
    width:64px;
    height:64px;
    
    float:left;
    
    background-image:url('./images/Buttons/RightArrow.png');
}

.previewimg
{
    text-align:center;
}

#image_wrap
{
    width:677px;
    margin:15px 0 15px 40px;
    padding:15px 0;
}

.imagethumbnail
{
    width:100px;
    height:75px;
    
    cursor:pointer;
}

.scrollerimg
{
    margin-left:60px;
}

.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 512px;
	height:90px;
	
	float:left;
}

.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

.items div {
	float:left;
}

/* Trademark settings */
.trademark
{
    font-size:75%;
    display:inline-block;
}

a:hover .trademark
{
    color:#FFFFFF;
}

.trademarktext
{
    font-size:70%;
}

.legalinfoitalic
{
    padding-left:50px;
}

.tutorialnote
{
    font-style:italic;
    text-decoration:underline;    
}

/* Anchor Settings */

/* Regular hyper links. */
a:link, a:link .trademark
{
    color:#0000FF; /* Blue */
        
    text-decoration:none;
}

/* Regular visited hyper links */
a:visited, a:visited .trademark
{
    color:#0000FF; /* Blue */
    
    text-decoration:none;
}

a:hover, a:hover .trademark
{
    color:#FFFFFF; /* White */
}

/* 
	Left Button Navagation 
	Hyper Link attributes.
*/
a.button
{
    /* 
        Required to make more than 
        the text clickable. 
    */
    display:block; 
}

a.button:link, a.button:visited
{
    font-weight:normal; 
    
    color:#000000; /* Black */
    
    text-decoration:none;
}

a.button:link span
{
    color:#000000; /* Black */
}

/* Button Navagation Hover Atributes */
li.button:hover
{
    color:#000000; /* Black */
    background-color:#9AB892; /* Dark Avacado */
}

/* Span within a link */
a:link span
{
    font-weight:bold;
    
    color:#6C16FF; /* Navy Blue */  
}

a:visited span
{
    font-weight:bold;
    
    color:#800080; /* Puruple */
}

/* News Article Link Colors Start */
a:link .authorNews
{
    color:#000000; /* Black */
}

a:visited .authorNews
{
    color:#000000; /* Black */
}

a:link .lockedNewsArticleTitleBackground
{
    color:#000000; /* Black */
}

a:visited .lockedNewsArticleTitleBackground
{
    color:#000000; /* Black */
}

a:link .newsArticleTitleBackground
{
    color:#000000; /* Black */
}

a:visited .newsArticleTitleBackground
{
    color:#000000; /* Black */
}


.namedanchors:hover
{
    color:#000000 /* Black */
}
/* News Article Link Colors Stop */